

/*header begin*/

.box{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:80px; background:#fff; z-index:999999999999; position:}

.headr{max-width:1440px; width:100%; height:80px; margin:0 auto;}

.logo{ float:left; padding-top:17px;}

.logo img{ max-width:100%;}

.pc_nav{ float:right; height:auto; text-align:center; padding-right:103px;}

.pc_nav li{ display:block; float:left;transition: all 1s ease; line-height:80px; background:url(../images/bg1.jpg) no-repeat center bottom;}

.pc_nav li a{ display:block; color:#262626; font-size:16px;transition: all 1s ease; padding:0 9px;}

.pc_nav li:last-child{ margin-right:0px;}

.pc_nav>ul>li:hover{ background:url(../images/bg.jpg) no-repeat center bottom;}

.pc_nav>ul>li:hover a{ color:#385c78;}



.cpzs{ width:100%; position:absolute; left:0;top:80px; overflow:hidden;height:0px;transition: all 1s ease; color:#fff; opacity:0;  background:rgba(0,0,0,0.7);

}

.pc_nav ul li.l1 .cpzs li{ float:left; line-height:50px; background:none;}

.pc_nav ul li.l1 .cpzs li a{ color:#ffffff; font-size:14px; font-weight:bold;}

.pc_nav ul li.l1:hover .cpzs { opacity:1;  height:50px;}



.pc_nav li.om{ background:none; margin:0 20px;}

.pc_nav li.om:hover{ background:none;}



.cinew{ width:1440px; height:auto; margin:0 auto; overflow:hidden; padding-left:647px;}

.cinew_1{ padding-left:786px;}

.cinew_2{ padding-left:913px;}

.cinew_3{ padding-left:1170px;}

.cinew1{ padding-left:1019px;}

.cinew2{ padding-left:1077px;}

@media(max-width:1440px){

.headr{max-width:100%; padding:0 50px; width:100%; height:80px; margin:0 auto;}	

.cinew{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding-left:616px;}

.pc_nav{ float:right; height:auto; text-align:center; padding-right:0px;}

}

@media(max-width:1366px){

.headr{max-width:100%; padding:0 50px; width:100%; height:80px; margin:0 auto;}	

.cinew{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding-left:560px;}
.cinew_1{padding-left:741px;}

.cinew_2{padding-left:866px;}
.cinew_3{padding-left:1130px;}

.cinew1{padding-left:991px;}
.cinew2{padding-left:991px;}

.pc_nav{ float:right; height:auto; text-align:center; padding-right:0px;}

}

@media(max-width:1280px){

.headr{max-width:100%; padding:0 50px; width:100%; height:80px; margin:0 auto;}	

.cinew{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding-left:616px;}

.cinew_1{padding-left:721px;}

.cinew_2{padding-left:830px;}
.cinew_3{padding-left:1048px;}

.cinew1{padding-left:935px;}
.cinew2{padding-left:935px;}
.pc_nav{ float:right; height:auto; text-align:center; padding-right:0px;}

.pc_nav li.om{ background:none; margin:0 10px;}

}
@media(max-width:1200px){
.cinew{padding-left:542px;}

.cinew_1{padding-left:648px;}

.cinew_2{padding-left:756px;}
.cinew_3{padding-left:968px;}

.cinew1{padding-left:846px;}
.cinew2{padding-left:846px;}
}

@media(max-width:1024px){

.headr{max-width:100%; padding:0 30px; width:100%; height:80px; margin:0 auto;}	

.cinew{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding-left:616px;}

.pc_nav{ float:right; height:auto; text-align:center; padding-right:0px;}

.pc_nav li.om{ background:none; margin:0 10px;}

.pc_nav{ float:right; height:auto; text-align:center; padding-right:103px; display:none;}

}

@media(max-width:414px){

.headr{max-width:100%; padding:0 15px; width:100%; height:80px; margin:0 auto;}	

.cinew{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding-left:616px;}

.pc_nav{ float:right; height:auto; text-align:center; padding-right:0px;}

.pc_nav li.om{ background:none; margin:0 10px;}

.pc_nav{ float:right; height:auto; text-align:center; padding-right:103px; display:none;}

.logo img{ max-width:80%;}

}



.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg10.jpg) repeat-x #fff; padding:83px 0 0 0;}

.fotter{ width:1440px; height:auto; margin:0 auto;}

.fotter_t{ height:auto; overflow:hidden; border-bottom:1px solid #ececec; padding-bottom:50px;}

.fotter_tl{ float:left; width:60%; height:auto; overflow:hidden;}

.fotter_tl ul{ float:left; width:16%; height:auto; overflow:hidden;}

.fotter_tl li h1{ color:#333333; font-size:16px; line-height:32px;}

.fotter_tl li h1 a{ color:#333333; font-size:16px; line-height:32px;}

.fotter_tl li{ line-height:30px;}

.fotter_tl li a{ color:#666666; font-size:14px;}

.fotter_tc{ float:left; width:108px; text-align:center; color:#666666; font-size:14px; line-height:30px;}

.fotter_tc img{ display:block; max-width:100%; border:1px solid #cfcfcf; margin-bottom:5px;}

.fotter_r{ float:right; width:30%; padding-top:10px;}

.fotter_r1{ float:left; width:41%; height:auto;}

.fotter_r1 h1{ color:#333333; font-size:16px; line-height:32px; margin-bottom:10px;}

.fotter_r1 h1 img{ margin-right:10px;}

.fotter_r1 p{ line-height:23px; color:#666666; font-size:14px;}

.fotter_r2{ float:right; width:59%; height:auto; overflow:hidden;}

.fotter_r2 h6{ text-align:right; margin-bottom:32px;}

.fotter_r2 h5{ text-align:right; margin-bottom:32px; display:none;}



.fotter_r2 p{ line-height:23px; color:#666666; font-size:14px;}

.einw{ display:none; position:fixed; right:10px; bottom:10px; z-index:9999;}

@media(max-width:1440px){

.fotter{ width:100%; padding:0 50px; height:auto; margin:0 auto;}

.fotter_tl{ float:left; width:55%; height:auto; overflow:hidden;}	

.fotter_r{ float:right; width:35%; padding-top:0;}

}

@media(max-width:1280px){

.fotter{ width:100%; padding:0 50px; height:auto; margin:0 auto;}

.fotter_tl{ float:left; width:50%; height:auto; overflow:hidden;}	

.fotter_r{ float:right; width:38%; padding-top:0;}

}

@media(max-width:1024px){

.fotter{ width:100%; padding:0 30px; height:auto; margin:0 auto;}

.fotter_tl{ float:left; width:75%; height:auto; overflow:hidden;}	

.fotter_r{ float:right; width:100%; padding-top:20px;}

.fotter_tc{ float:right; width:108px; text-align:center; color:#666666; font-size:14px; line-height:30px;}

.fotter_tl ul{ float:left; width:16.6%; height:auto; overflow:hidden;}

.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg10.jpg) repeat-x #fff; padding:50px 0 0 0;}

.fotter_t{ height:auto; overflow:hidden; border-bottom:1px solid #ececec; padding-bottom:20px;}

}

@media(max-width:414px){

.fotter{ width:100%; padding:0 15px; height:auto; margin:0 auto;}

.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden;}	

.fotter_r{ float:right; width:100%; padding-top:20px;}

.fotter_tc{ float:none; clear:both; margin:0 auto; width:108px; margin-top:10px; text-align:center; color:#666666; font-size:14px; line-height:30px;}

.fotter_tl ul{ float:left; width:16.6%; height:auto; overflow:hidden;}

.fotter_tl li h1 a{ color:#333333; font-size:14px; line-height:32px;}

.fotter_tl li{ line-height:30px;}

.fotter_tl li a{ color:#666666; font-size:12px;}

.fotter_r1{ float:left; width:100%; height:auto;}

.fotter_r2{ float:right; width:100%; height:auto; overflow:hidden;}

.fotter_r2 h6{ text-align:right; margin-bottom:32px; display:none;}

.einw{ display:block; position:fixed; right:10px; bottom:10px; z-index:9999;}

}



.fotter_b{ clear:both; width:100%; height:auto; line-height:69px;}

.fotter_b span{ float:left; color:#666666; text-transform:uppercase;}

.fotter_b font{ float:right;color:#666; font-size:12px;}

.fotter_b font img{ margin:0 10px; color:#666; font-size:12px;}

.fotter_b font a{ color:#666;font-size:12px;}

@media(max-width:1024px){

.fotter_b{ clear:both; width:100%; height:auto; line-height:45px;}

}

@media(max-width:414px){

.fotter_b{ clear:both; width:100%; height:auto; line-height:25px; padding:10px 0;}

.fotter_b span{ float:left; color:#666666; display:block; width:100%}

.fotter_b font{ float:right;color:#666; font-size:12px; display:block; width:100%}

.fotter_tl li h1{ color:#333333; font-size:14px; line-height:32px;}

.fotter_tl ul{ float:left; width:33.33%; height:auto; overflow:hidden; min-height:152px;}



}

























